﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
.train-tops {
	width: 100%;
	height: 6.66rem;
	background: url(../image/bgs.jpg) center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
}
.train-advan {
	width: 4.25rem;
	height: 2.95rem;
	background-color: #fff;
 border-radius: .1rem;
	float: right;
	margin-top: 2.72rem;
 margin-right: .2rem;
 box-shadow: 0 0 .1rem rgba(0,0,0,.3);
}
.train-advan ul {
	width: 3.3rem;
 margin-left: .48rem;
	display: table;
 padding-top: .05rem;
}
.train-advan ul li {
	width: 100%;
	display: table;
 border-bottom: .01rem solid #e3e3e3;
	text-align: left;
 line-height: .36rem;
 font-size: .2rem;
	color: #666666;
 padding: .12rem 0;
 height: .96rem;
	position: relative;
}
.train-advan ul li p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.train-advan ul li:last-child {
	border-bottom: none;
}
.train-advan ul li i {
	display: inline-block;
	position: absolute;
 left: -.98rem;
	top: 50%;
 width: .62rem;
 height: .56rem;
	background: url(../image/ic1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: -.28rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.train-advan ul li i img {
 height: .22rem;
}
.train-tops h6 {
	width: 100%;
	float: left;
	margin: 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 0;
}
.train-tops h6 a {
	display: inline-block;
	width: 3.66rem;
 height: .8rem;
	background: url(../image/bg3.jpg);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
	margin: 0 auto;
 line-height: .8rem;
	color: #fff;
	font-weight: normal;
 font-size: .36rem;
	font-weight: bold;
 border-radius: .02rem;
}
.train-intr {
	width: 100%;
	display: table;
	background-color: #fff;
}
.train-pic-box {
	width: 6.9rem;
	margin: 0 auto;
	display: table;
 padding-top: .3rem;
}
.train-pic-box .train-pic-roll {
	width: 6.9rem;
	height: 3.35rem;
	overflow: hidden;
	position: relative;
}
.train-pic-roll ul {
	width: 500%;
	height: 3.35rem;
 border-radius: .1rem;
	position: absolute;
	left: 0;
	top: 0;
}
.train-pic-roll ul li {
	width: 6.9rem;
	height: 3.35rem;
	overflow: hidden;
}
.train-pic-roll ul li img {
	width: 100%;
}
.train-pic-text {
	width: 100%;
	display: table;
 padding: .18rem .38rem;
	background-color: #efefef;
 margin-top: .16rem;
 border-radius: .02rem;
}
.train-pic-text p {
 line-height: .48rem;
}
.train-pic-text p span {
	font-weight: bold;
 font-size: .26rem;
}
.train-pic-text p em {
	color: #666666;
 font-size: .2rem;
}
.train-intr-col {
	width: 6.9rem;
	margin: 0 auto;
	display: table;
}
.mt35 {
 margin-top: .35rem;
}
.train-intr-col p {
 font-size: .26rem;
 line-height: .46rem;
	color: #666666;
 padding-top: .2rem;
	text-align: justify;
}
.train-intr-col h6 {
	text-align: center;
}
.train-intr-col h6 a {
	display: inline-block;
	width: 2.16rem;
 height: .75rem;
	background: url(../image/bg3.jpg);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
 line-height: .75rem;
	color: #fff;
 font-size: .3rem;
 border-radius: .02rem;
 margin: 0 .4rem;
}
.train-list {
	width: 100%;
	display: table;
 margin-top: .2rem;
	background-color: #fff;
	min-height: 1rem;
}
h5.traTit {
	width: 100%;
	text-align: center;
 padding-top: .3rem;
	margin-bottom: 0 !important;
}
h5.traTit b {
	display: block;
	font-weight: normal;
	color: #333333;
 font-size: .3rem;
	font-weight: bold;
}
h5.traTit i {
	color: #999999;
 font-size: .26rem;
	font-weight: normal;
 line-height: .5rem;
	font-family: arial;
 letter-spacing: .01rem;
}
.train-list-pic {
	width: 6.9rem;
	height: 3.05rem;
 padding-top: .25rem;
	overflow: hidden;
	position: relative;
}
.train-list-pic ul li {
	width: 2.18rem;
	height: 2.8rem;
 border: .01rem solid #cccccc;
 border-radius: .05rem;
	float: left;
 margin-left: .1rem;
}
.train-list-pic ul li h4 {
	width: 100%;
	height: 2.2rem;
 border-radius: .05rem .05rem 0 0;
	overflow: hidden;
}
.train-list-pic ul li h4 img {
	width: 100%;
}
.train-list-pic ul li p {
	text-align: center;
 line-height: .6rem;
	color: #555;
 font-size: .26rem;
}
.train-money h4 {
	width: 6.86rem;
 height: .71rem;
 border: .02rem solid #ff3333;
}
.train-money h4 input[type="text"] {
 margin-top: .12rem;
}
.train-money h4 input[type="submit"] {
	background: url(../image/bg3.jpg);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
}
.problem-mt {
 margin-top: .2rem;
 padding-bottom: .4rem;
}
.problem-mt ul li p {
 font-size: .23rem;
}
.train-bann {
	width: 100%;
	display: table;
}
.train-bann img {
	width: 100%;
	display: table;
}
.train-proc {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.train-proc h5 {
 margin-bottom: .4rem;
}
.train-proc img {
	width: 98%;
	margin-left: 2px;
	display: table;
}
.train-proc-imgs {
	width: 6.9rem;
	height: 4.82rem;
}
.train-imgs-fl {
	width: 3.4rem;
	height: 4.82rem;
 margin-bottom: .1rem;
}
.train-imgs-fr {
	width: 3.4rem;
	height: 4.82rem;
 margin-bottom: .1rem;
}
.train-proc-imgs h4 {
	width: 3.4rem;
	height: 4.82rem;
 border: .01rem solid #cccccc;
	position: relative;
	overflow: hidden;
}
.train-proc-imgs img {
	width: 100%;
}
.train-proc-imgs h3 {
	width: 3.4rem;
	height: 2.36rem;
 border: .01rem solid #cccccc;
	position: relative;
}
.train-proc-imgs h3:last-child {
 margin-top: .1rem;
}
.train-proc-imgs span {
	width: 2.4rem;
 height: .64rem;
	background: rgba(0,0,0,.5);
 border-radius: .05rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.2rem;
 margin-top: -.32rem;
	text-align: center;
	color: #fff;
 line-height: .64rem;
 font-size: .24rem;
}
.train-proc-imgs span i {
	display: inline-block;
 width: .4rem;
 height: .4rem;
	position: absolute;
	left: 50%;
 top: -.22rem;
 margin-left: -.2rem;
	background-color: #fff;
	color: #333;
 line-height: .4rem;
 font-size: .28rem;
	font-family: arial;
	border-radius: 50%;
}
.train-video {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.train-video-col {
	width: 6.9rem;
	height: 3.2rem;
 border-radius: .05rem;
 margin-top: .2rem;
	position: relative;
	overflow: hidden;
}
.train-video-col h4, .train-video-col h4 img {
	width: 100%;
}
.train-video-col span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.train-video-col span i {
	display: inline-block;
 width: .64rem;
 height: .64rem;
	background: url(../image/play.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
}
.train-advantages {
	width: 100%;
	display: table;
 margin-top: .2rem;
	background-color: #fff;
 padding-top: .1rem;
}
.train-advantages ul {
	width: 6.9rem;
	margin: 0 auto;
	display: table;
}
.train-advantages ul li {
	width: 100%;
	display: table;
 padding: .2rem 0;
	background-color: #ededed;
 border-radius: 0 0 .5rem 0;
	position: relative;
 margin-bottom: .35rem;
}
.train-advantages ul li p {
	width: 6.8rem;
	padding-left: 1.55rem;
 line-height: .4rem;
	color: #666666;
}
.train-advantages ul li p b {
	color: #666666;
 font-size: .24rem;
}
.train-advantages ul li span {
	display: inline-block;
	width: 1.3rem;
 height: .94rem;
	background-color: #000;
	position: absolute;
 left: .01rem;
 top: -.12rem;
 border-radius: 0 0 .5rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.train-advantages ul li span img {
 height: .52rem;
}
.train-advantages ul li:nth-child(1) span {
	background-color: #ff9933;
}
.train-advantages ul li:nth-child(2) span {
	background-color: #9933ff;
}
.train-advantages ul li:nth-child(3) span {
	background-color: #33cccc;
}
.train-advantages ul li:nth-child(4) span {
	background-color: #efc624;
}
.train-advantages ul li:nth-child(5) span {
	background-color: #ff5d5d;
}
.train-advantages ul li:nth-child(6) span {
	background-color: #666666;
}
.train-advantages ul li:nth-child(7) span {
	background-color: #ff3333;
}
.train-advantages ul li:last-child {
	margin: 0;
}
.train-case {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .3rem;
}
.teacher-col-bg {
	background-color: #fff;
	margin: 0;
}
.train-conta {
	width: 6.9rem;
	margin: 0 auto;
	display: table;
	/*background-color: #f7f7f7;*/
	min-height: 2rem;
 padding-bottom: .3rem;
}
.train-conta h4 {
	text-align: center;
	color: #333333;
 font-size: .3rem;
 line-height: .8rem;
 padding-top: .1rem;
}
.train-conta h4 b {
	color: #ff3333;
 margin: 0 .05rem;
 font-size: .4rem;
	display: inline-block;
 line-height: .8rem;
	position: relative;
 top: .04rem;
}
.train-form {
	width: 6rem;
	margin: 0 auto;
	display: table;
	min-height: 1rem;
 padding-top: .15rem;
}
.train-form div {
	width: 5.98rem;
 height: .76rem;
 border: .01rem solid #cccccc;
	background-color: #ffffff;
 border-radius: .05rem;
 margin-bottom: .2rem;
}
.train-form div span {
	display: inline-block;
	width: 1rem;
 height: .76rem;
 padding: .18rem 0;
	text-align: right;
	float: left;
 line-height: .4rem;
}
.train-form div input {
	width: 4rem;
 height: .4rem;
 margin: .18rem 0;
	float: left;
	border: none;
	color: #555;
}
.train-form div input.intar-sub {
	background: url(../image/bg3.jpg);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
 border-radius: .05rem;
	margin: 0;
	color: #fff;
 font-size: .32rem;
}
.train-form div.none {
	border: none;
 border-radius: .05rem;
 margin-top: .4rem;
}
.train-hot {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.train-hot ul {
	width: 6.9rem;
	margin: 0 auto;
	display: table;
 padding-top: .1rem;
}
.train-hot ul li {
	width: 3.36rem;
	height: 2.8rem;
 margin-bottom: .15rem;
}
.train-hot ul li h4 {
	width: 100%;
 border-radius: .05rem;
	overflow: hidden;
}
.train-hot ul li h4 img {
	width: 100%;
}
.train-hot ul li p {
	width: 3.36rem;
 height: .82rem;
 border: .01rem solid #cccccc;
	border-top: none;
	text-align: center;
}
.train-hot ul li p span {
	display: inline-block;
 height: .82rem;
 line-height: .4rem;
 padding: .21rem .32rem;
	margin: 0 auto;
	color: #555;
 font-size: .24rem;
	position: relative;
}
.train-hot ul li p span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
 width: .04rem;
 height: .04rem;
 border: .03rem solid #999999;
 margin-top: -.05rem;
	border-radius: 50%;
}
.train-hot ul li p span:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
 width: .04rem;
 height: .04rem;
 border: .03rem solid #999999;
 margin-top: -.05rem;
	border-radius: 50%;
}
.train-hot ul li:nth-child(2n) {
	float: right;
}
.train-hot h6 {
 margin: .2rem 0;
 line-height: .4rem;
	text-align: center;
 padding-bottom: .2rem;
}
.train-hot h6 img {
	display: inline-block;
 height: .32rem;
	position: relative;
 top: -.03rem;
}
.train-hot h6 span {
	font-weight: normal;
	color: #333333;
 font-size: .24rem;
}
.train-hot h6 a {
	display: block;
	width: 6.9rem;
	margin: 0 auto;
 height: .9rem;
	background: url(../image/bg3.jpg);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
 margin-top: .3rem;
 border-radius: .05rem;
 line-height: .9rem;
	color: #fff;
 font-size: .32rem;
}
.train-hot h6 a img {
 height: .42rem;
 margin-right: .1rem;
}
